import axios from "axios";
import { nanoid } from "nanoid";

// 人员相关的配置
export default {
    // 开启命名空间
    namespaced:true,
    // 用于响应组件中的动作
    actions:{
        addPersonLao(context,value){
            if(value.name.indexOf('老')===0){
                context.commit('ADD_PERSON',value)
            }else{
                alert('添加的人必须姓老！')
            }
        },
        // 随机新增一个姓名
        personServer(context){
            axios.get('https://api.uixsj.cn/hitokoto/get').then(
                response=>{
                    context.commit('ADD_PERSON',{id:nanoid(),name:response.data})
                },
                error=>{
                    alert('出现异常：',error.message)
                }
            )
        }
    },
    // 用于操作数据
    mutations:{
        ADD_PERSON(store,value){
            console.log('mutations的ADD_PERSON被调用');
            store.personList.unshift(value)
        }
    },
    // 用于存储数据
    state:{
        personList:[
            {id:'0001',name:'张三'}
        ]
    },
    // 用于将state中的数据进行加工
    getters:{
        firstPersonName(state){
            return state.personList[0].name
        }
    }
}